<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../../commonCss/css/layout.css">
<link rel="stylesheet" type="text/css" href="../../commonCss/css/global.css">
<script src="../../commonJs/jquery.min.js"></script>
<script src="../../commonJs/jt_normal.js"></script>
<script src="../../commonJs/jquery.imageScroller.js"></script>
<title>首页</title>
<style>

#listBoxTop{            width: 1060px;        }
#containerTop        {            width: 1127px;        }
#listBox{            width: 600px;        }
#container        {            width: 700px;            position: absolute;        }
.st1{	background-color:#5fab3c;}
.st2{	background-color:#6eafdd;}
</style>
    <script type="text/javascript">
    $(function () {
   	 $("#listBoxTop").imageScroller({
            next: "btnNextTop",
            prev: "btnPrevTop",
            frame: "listTop",
            child: "li",
            auto: false
        });
   	 
            $("#listBox").imageScroller({
                next: "btnNext",
                prev: "btnPrev",
                frame: "list",
                child: "li",
                auto: false
            });
        });
	
	function to_color(e){
		var cn=$("#"+e.id).attr("class");
		if(-1!=cn.indexOf("st1")){
			$("#"+e.id).removeClass("st1").addClass("st2");
		}else{
			$("#"+e.id).removeClass("st2").addClass("st1");
		}
	}
    </script>
    
    
</head>
<body class="bg">

<div class="content m_auto ">
	<div class="content_l mt10">
    	<ul>
        	<li><a href="management_ape.html"><i class="nav_icon_c"></i><br>入场管理</a></li>
            <li class="content_hover"><a href="management_ape_c.html"><i class="nav_icon_i"></i><br>出场管理</a></li>
            <li><a href="management.html"><i class="nav_icon_j"></i><br>场内人员</a></li>
        </ul>
    </div>
    <div class="content_r mt10" >
        <div id="containerTop"  class="collection_t ml10 fixed">
           	<div id="btnNextTop"><a class="collection_t_l" href="javascript:void(0);"></a></div>
           	<div id="listBoxTop" >
           	<ul id="listTop" >
           	<li >
            <div class="collection_contet mt20" >
               <div class="collection_img fl st1" onClick="to_color(this);" id="xj_1">
                    <span class="collection_span">
                        <i>2014.05.23</i>
                        <img src="../../commonCss/images/zp.jpg" class="colle_img"> 
                    </span>
                </div>
                <div class="collection_text w170 fl">
                    <div class="fl">
                        <h2><i class="f24">吴强</i><em class="ml10">男</em><i class="vip_icon ml10"></i></h2>
                        <ul class="f14 mt20">
                            <dd>生日：23/06/2014，中国</dd>
                            <dd>会员：1212121211</dd>
                            <dd><i class="youx_icon mr10 vm"></i>6个月 1+2含周末</dd>
                            <dd>推荐会员：刘宇</dd>
                            <dd><i class="heto_icon"></i><i class="duwa_icon ml10"></i></dd>
                            <dd>销售：悠悠</dd>
                            <dd>进场时间：15:00</dd>
                            <dd>余额：￥810.00</dd>	
                        </ul>
                    </div>              
                </div>
            </div>
            </li>
             
            <li>
            <div class="collection_contet mt20">
                 <div class="collection_img fl st1" onClick="to_color(this);" id="xj_2">
                    <span class="collection_span">
                        <i>2014.03.22</i>
                        <img src="../../commonCss/images/child_3.jpg" class="colle_img"> 
                    </span>
                </div>
                <div class="collection_text w170 fl" style="width:auto">
                    <div class="fl">
                        <h2><i class="f24">吴伟</i><em class="ml10">男</em><i class="vip_icon ml10"></i></h2>
                        <ul class="f14 mt20">
                           <dd>生日：23/06/2014，中国</dd>
                            <dd>会员：1212121211</dd>
                            <dd><i class="youx_icon mr10 vm"></i>6个月 1+2含周末</dd>
                            <dd>推荐会员：刘宇</dd>
                            <dd><i class="heto_icon"></i><i class="duwa_icon ml10"></i></dd>
                            <dd>销售：悠悠</dd>
                            <dd>进场时间：15:00</dd>
                            <dd>余额：￥120.00</dd>	
                        </ul>
                    </div>
                </div>
               
            </div>
            </li>
            </ul>
            
        </div><div id="btnPrevTop"> <a href="javascript:void(0);" class="collection_t_r"></a></div></div>
        <div class="clear"></div>
        <div  class="collection_b border_top w630 ml10 fl border_r">
        	<div id="container">
			<div id="btnNext"><a href="javascript:void(0);" class="collection_t_l"></a></div>
            	<div id="listBox">
            	<ul id="list">
                    <li>
                    	<h1>妈妈</h1>
                        <p class="coll_img"  onClick="if(this.style.backgroundColor==''){this.style.backgroundColor='#6eafdd'}else{this.style.backgroundColor=''}" id="p1">
                        	<i>2014.05.23</i>
                        	<img width="102" height="136" src="../../commonCss/images/mama.jpg">
                        </p>
                        <dl class="collection_t_l_dl">
                   	    <dd>李璐</dd>
                            <dd>13695847811</dd>
                            <dd>lilu-123@136.com</dd>
                            <dd><i class="jiel_icon"></i><i title="可消费余额" class="qians_icon ml10"></i></dd>
                        </dl>
                    </li>
                    <li>
                    	<h1>外婆</h1>
                        <p class="coll_img"  onClick="if(this.style.backgroundColor==''){this.style.backgroundColor='#6eafdd'}else{this.style.backgroundColor=''}" id="p2">
                        	<i>2014.05.23</i>
                        	<img width="102" height="136" src="../../commonCss/images/nainai.jpg">
                        </p>
                        <dl class="collection_t_l_dl">
                        	<dd>高梅</dd>
                            <dd>13695847852</dd>
                            <dd>lilu-123@136.com</dd>
                            <dd><i class="jiel_icon"></i><i title="可消费余额" class="qians_icon ml10"></i></dd>
                        </dl>
                    </li>
                </ul>
                </div>
               <div id="btnPrev"><a href="javascript:void(0);" class="collection_t_r"></a></div>
               </div>
		</div>
        <div class="manage_sticket border_top tc">
        	<a href="#"><img class="mt20" src="../../commonCss/images/zhiwen_c.png"></a>
            <p class="mt20"><label>接领密码：</label><input type="password" class="iput_t"></p>
        </div>
        <div class="clear"></div>
        <div class="btm_btn mt20">
            <dl>
            </br>
            </br>
                 <dd><a href="management_ape_c.html"><input type="button" class="btn" value="取&nbsp;&nbsp;消"></a></dd>
                 <dd><a href="management_ape_c.html"><input type="button" class="btn" value="出&nbsp;&nbsp;场"></a></dd>
            </dl>
        </div>
    </div>
     
</div>
</body>
</html>
















